function toProductAddHtml() {
    $(".right").load("/html/back/product/productAdd.html");

}

$(function () {
    $("#page").load("/html/back/page.html");
});

function findAll() {
    let data = {
        pageNum: $("#pageNum").val(),
        pageSize: $("#pageSize").val()
    };
    data.cookTypeId = $("#cookType").val();
    data.productName = $("#productName").val();
    data.startNormalPrice = $("#startNormalPrice").val();
    data.endNormalPrice = $("#endNormalPrice").val();
    data.productDiscrib = $("#productDiscrib").val();
    data.enable = $("#enable").val();
    $.ajax({
        url: "/back/product/findAll",//调用后台的地址
        type: 'get',//方法类型,查询get，其他post，post和get的区别？
        data: data,//传递到后台的数据
        dataType: "json",//后台传递到前台页面的格式json
        success: function (data) {//data后台传递到前台的数据
            setData(data.list);
            $("#totalSize").html(data.count);
        }
    })
}

function setData(data) {
    let html = '';
    console.log(data);
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '            <div>' + data[i].id + '</div>\n' +
            '            <div>' + data[i].name + '</div>\n' +
            '            <div>' + data[i].marketPrice + '</div>\n' +
            '            <div>' + data[i].nomalPrice + '</div>\n' +
            '            <div>' + data[i].discrib + '</div>\n' +
            '            <div>' + (data[i].enable == 1 ? "<i class='iconfont iconColorGreen'>已激活&#xe623;</i>" : "<i class='iconfont iconColorRed'>未激活&#xe61b;</i>") + '</div>\n' +
            '            <div><img src="' + data[i].imgHref + '" width="30" height="30"></div>\n' +
            '            <div>' + data[i].cookTypeName + '</div>\n' +
            '            <div>' + (data[i].createTime == null ? '' : data[i].createTime) + '</div>\n' +
            '            <div>\n' +
            '                <div onclick="edit(' + data[i].id + ')"><i class="iconfont">&#xe626;</i></div>\n' +
            '                <div><i class="iconfont">&#xe61e;</i> </div>\n' +
            '                <div onclick="del(' + data[i].id + ')"><i class="iconfont">&#xe624;</i></div>\n' +
            '            </div>\n' +
            '        </div>';
    }
    $("#tbody").html(html);
}

function edit(id) {
    sessionStorage.setItem("productId", id);
    $(".right").load("/html/back/product/productEdit.html");
}